<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>lip唇印</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <script src="js/jquery-3.2.0.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <link href="css/btn.css" rel="stylesheet" media="screen">
    <style>
        .nav-1{
            padding-left: 20px;
            padding-right: 50px;
            padding-top: 0px;
        }

        .body-1{
            padding-bottom: 20px;
        }
        .body-2{
            background-image: url(pto/11.jpg);
            background-repeat: no-repeat;
            background-position:50% 50%;
            background-size: cover;

        }
        .navbar{
            margin-top: 20px;
            background-color: white;
            border: 0px;
        }
        .footer-1{
            padding-top: 50px;
            color:rgba(255, 255, 255, 0.5);
            background-color:rgba(25, 24, 22, 1);
        }
        .footer-2{
            text-align: center;
        }
        .BTN{
            padding-left: 20%;
        }
        .outSideBTN{
            width: 20%;
            height: 50px;
        }
        .outSideBTN-2{
            width: 30%;
            height: 100%;            
        }
        .outSideBTN-3{
            width: 30%;
            height: 100%; 
            background-color: white;
            color: rgba(168, 40, 53, 1);          
        }
        a:visited {
            text-decoration:none;
            }
        .thu-1{
            border: 0px;
        }
        .sidebar .widget 
        {
            background: #ffffff;
            padding: 21px 30px;
        }
        .main-footer .widget
         {
            padding: 0px 30px;
        }
        .widget 
        {
            margin-bottom: 35px;
        }
        .widget .title 
        {
            margin-top: 0;
            padding-bottom: 7px;
            border-bottom: 1px solid #ebebeb;
            margin-bottom: 21px;
            position: relative;
        }
        .widget .title:after 
        {
            content: "";
            width: 90px;
            height: 1px;
            background: rgba(203,64,66, 1);
            position: absolute;
            left: 0;
            bottom: -1px;
        }
        .tab-1{
            padding-top: 50px;
            padding-bottom: 50px;
        }
        .fenge-1{
            padding-top: 30px;
            padding-bottom: 50px;
        }
        .banquan-1{
            /*background-color: cornflowerblue;*/
            color:white;
            background-color:rgba(168, 40, 53, 1);
        }
        .logo-1{
            border-bottom: 1px solid black;
            border-top: 1px solid black;
        }
        .hanggao{
            line-height:20px;
            font-size: 13px;
        }
        .jiacu{
            font-weight:bolder;
        }

        .panel{
            color: rgba(25, 24, 22, 1);
            background-color: transparent;
            border: 0px solid transparent;
        }
        .panel-body{
            border-bottom: 0px solid white;
        }
        .panel:hover{
            background-color:rgba(25, 24, 22, 1);
            color: rgba(255, 255, 255, 1);
            
        }
        .panel p:hover{
            color: rgba(199, 128, 45, 1);
        }
        .container-body{
            border-bottom:2px solid white;
            padding-top: 20px;
            /*background-color: black;*/
            background-image: linear-gradient(top,rgb(255,255,255) 10%,white 0%,rgba(25, 24, 22, 1) 100%);
            background-image: -webkit-linear-gradient(top,rgb(255,255,255) 10%,white 0%,rgba(25, 24, 22, 1) 100%);            
        }
        .container-body-1{
            /*background-color: rgba(255, 255, 255, 1);*/
            background-image: linear-gradient(left,transparent 0%,white 50%,white 50%,transparent 100%);
            background-image: -webkit-linear-gradient(left,transparent 0%,white 50%,white 50%,transparent 100%); 
            /*background-color: transparent;*/
            
        }
        .inf{
            height: 500px;
            width: 100%;
            background-image: url(pto/11-2.jpg);
            background-repeat: no-repeat;
            background-position:50% 50%;
            background-size: cover;
            padding-top: 120px;
        }
        .inf-1{
            
            height: 250px;
            width: 700px;
            margin-left: auto;
            margin-right: auto;
            font-size: 50px;
            color: white;
            font-weight: bolder;
            padding-top: 90px;
            text-align:center;
            background-color: rgba(255, 255, 255, 0.5);
            border: 2px solid white;
            z-index: 3;
        }
        .tit{
            color: rgba(168, 40, 53, 1);
        }
        .tit:hover{
             color: rgba(93, 172, 129, 1);
        }
       .container-body a:hover{
            text-decoration:none;
        }
        .butty{

            -webkit-border-radius:10px 40px;
            border-radius: 10px 40px;
            border:0px solid rgba(168, 40, 53, 1);
            margin-top: 10px;
            background-color:  rgba(25, 24, 22, 1);
            color: rgba(255, 255, 255, 1);
        }
    </style>

</head>
<body>
<!--导航-->
<div>
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand nav-1" href="#"><img src="pto/lip-logo3.png" height="50" alt="唇印"></a>
                <!--<div class="navbar-brand nav-2">唇印</div>-->
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-left">
                    <li><a href="index.html" class=" ">HOME</a></li>
                    <li><a href="Introduce.html" class=" ">INTRODUCE</a></li>
                    <li class="active">
                        <a href="Information.html" class=" ">INFORMATION<span class="sr-only">(current)</span></a></li>
                    <li><a href="BBS.html" class=" ">BBS</a></li>
                </ul>
                <form class="navbar-form navbar-left">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="Givenchy禁忌之吻">
                    </div>
                    <button type="submit" class="btn btn-default">Kiss Me</button>
                </form>
                <ul class="nav navbar-nav navbar-right">                    
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Join US <span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="Login.html">LogIn</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="Signup.html">SignUp</a></li>
                        </ul>
                    </li>
                    <li><a href="#">QR Code</a></li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
</div>

<!--页面介绍-->
<div class="inf">
    <div class="inf-1">INFORMATION</div>

</div>
<!--分割线-->
<div class="container fenge-1">
    <div class="row">
        <img  class="img-responsive center-block" src="pto/fenge-1.png" alt="成为我们的用户">
    </div>
</div>

<!--body-->
<div class="container-fult container-body">
    <div class="container container-body-1">
        <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
            <!--第一行-->
            <div class="row">
                <div class="col-md-6">
                        <div class="panel blockquote-reverse">
                                <!--点击隐藏-->
                                    <div class=" panel-heading" role="tab" id="headingOne">
                                    <h4 class="panel-title ">
                                        <a  role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                    <h2 class="tit">YSL / 圣罗兰</h2>
                                        </a>
                                    </h4>
                                    </div>
                                <!--隐藏内容-->
                                    <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
                                        <div class="panel-body">
                                            <div>
                                                <div>                                                   
                                                    <!--内容-->
                                                    <div class="row">
                                                        <div>
                                                                <div class="">
                                                                        <!--点击隐藏-->
                                                                            <div class=" panel-heading" role="tab" id="headingOne-1">
                                                                            <h4 class="panel-title ">
                                                                                <a  role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne-1" aria-expanded="true" aria-controls="collapseOne-1">
                                                                            <p>圣罗兰莹亮纯魅唇膏</p>
                                                                                </a>
                                                                            </h4>
                                                                            </div>
                                                                       
                                                                </div>
                                                            </div>
                                                        
                                                    </div>
                                                    <!--内容-->
                                                    <div class="row">
                                                        <div>
                                                                <div class="">
                                                                        <!--点击隐藏-->
                                                                            <div class=" panel-heading" role="tab" id="headingOne-2">
                                                                            <h4 class="panel-title ">
                                                                                <a  role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne-2" aria-expanded="true" aria-controls="collapseOne-2">
                                                                            <p>圣罗兰莹亮绚染唇油</p>
                                                                                </a>
                                                                            </h4>
                                                                            </div>

                                                                </div>
                                                            </div>
                                                        
                                                    </div>
                                                   <!--内容-->
                                                    <div class="row">
                                                        <div>
                                                                <div class="">
                                                                        <!--点击隐藏-->
                                                                            <div class=" panel-heading" role="tab" id="headingOne-3">
                                                                            <h4 class="panel-title ">
                                                                                <a  role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne-3" aria-expanded="true" aria-controls="collapseOne-3">
                                                                            <p>圣罗兰纯口红</p>
                                                                                </a>
                                                                            </h4>
                                                                            </div>
                                                                        
                                                                </div>
                                                            </div>
                                                        
                                                    </div>
                                                   <!--内容-->
                                                    <div class="row">
                                                        <div>
                                                                <div class="">
                                                                        <!--点击隐藏-->
                                                                            <div class=" panel-heading" role="tab" id="headingOne-4">
                                                                            <h4 class="panel-title ">
                                                                                <a  role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne-4" aria-expanded="true" aria-controls="collapseOne-4">
                                                                            <p>圣罗兰晶透蜜糖唇膏</p>
                                                                                </a>
                                                                            </h4>
                                                                            </div>
                                                                        
                                                                </div>
                                                            </div>
                                                        
                                                    </div>
                                                </div>                                             
                                            </div>           
                                        </div>
                                    </div>
                        </div>
                </div>
                <div class="col-md-6">
                                                                            <!--隐藏内容-->
                                                                            <div id="collapseOne-1" class="collapse in butty" role="tabpanel" aria-labelledby="headingOne-1">
                                                                                <div class="panel-body">
                                                                                    <div>
                                                                                        <div>
                                                                                            <p>
                                                                                               <div class="media">
                                                                                                    <div class="media-left">
                                                                                                    <a href="#">
                                                                                                        <img class="media-object" src="pto/ITAN-1-1.jpg" width="80" alt="图片">
                                                                                                        </a>
                                                                                                    </div>
                                                                                                    <div class="media-body">
                                                                                                        <h4 class="media-heading jiacu">圣罗兰莹亮纯魅唇膏</h4>
                                                                                                            <h5 class="hanggao">圣罗兰莹亮纯魅唇膏富含6种美唇精粹滋润呵护，以水光般莹亮色彩亲吻双唇，引领全新莹亮少女唇风潮。从繁忙的工作日到休闲的周末，从白天的通勤到夜晚的派对, 每时每刻享受现在。</h5>
                                                                                                    </div>
                                                                                                    
                                                                                                </div> 
                                                                                            </p>        
                                                                                        </div>                                             
                                                                                    </div>           
                                                                                </div>
                                                                            </div>
                                                                             <!--隐藏内容-->
                                                                            <div id="collapseOne-2" class="collapse butty" role="tabpanel" aria-labelledby="headingOne-2">
                                                                                <div class="panel-body">
                                                                                    <div>
                                                                                        <div>
                                                                                            <p>
                                                                                               <div class="media">
                                                                                                    
                                                                                                    <div class="media-body">
                                                                                                        <h4 class="media-heading jiacu">圣罗兰莹亮绚染唇油</h4>
                                                                                                            <h5 class="hanggao">圣罗兰首款「染唇油」拥有唇油的滋润舒适与染色液的持久纯色。变色染唇，晶透唇油随唇部温度变化，为双唇染上轻盈色彩。唇油质地，5款珍贵美唇精萃，丰盈滋润，减退唇纹。3D吻唇刷，贴合双唇，上妆更便携细致。</h5>
                                                                                                    </div>
                                                                                                    <div class="media-left">
                                                                                                    <a href="#">
                                                                                                        <img class="media-object" src="pto/ITAN-1-2.jpg" width="80" alt="图片">
                                                                                                        </a>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </p>        
                                                                                        </div>                                             
                                                                                    </div>           
                                                                                </div>
                                                                            </div>
                                                                            <!--隐藏内容-->
                                                                            <div id="collapseOne-3" class="collapse butty" role="tabpanel" aria-labelledby="headingOne-3">
                                                                                <div class="panel-body">
                                                                                    <div>
                                                                                        <div>
                                                                                            <p>
                                                                                              <div class="media">
                                                                                                    <div class="media-left">
                                                                                                    <a href="#">
                                                                                                        <img class="media-object" src="pto/ITAN-1-4.jpg" width="80" alt="图片">
                                                                                                        </a>
                                                                                                    </div>
                                                                                                    <div class="media-body">
                                                                                                        <h4 class="media-heading jiacu">圣罗兰纯口红</h4>
                                                                                                            <h5 class="hanggao">“红色是一种宣言，是存在的证明，是女性气质充满张力的演绎。”圣罗兰纯口红，真正为优雅美丽高级定制的口红！融合纯正色彩、耀眼光泽和滋润质地于一身，赋予双唇丝缎般细腻与浓郁的色泽质感。金色方管高定设计，如珠宝般纯粹高贵。无论是身穿优雅晚装或时尚便服，圣罗兰纯口红都能搭配不同形象，成为隐藏于手袋内的一个美妆法宝。</h5>
                                                                                                    </div>
                                                                                                    
                                                                                                </div>      
                                                                                            </p>        
                                                                                        </div>                                             
                                                                                    </div>           
                                                                                </div>
                                                                            </div>
                                                                            <!--隐藏内容-->
                                                                            <div id="collapseOne-4" class="collapse butty" role="tabpanel" aria-labelledby="headingOne-4">
                                                                                <div class="panel-body">
                                                                                    <div>
                                                                                        <div>
                                                                                            <p>
                                                                                                <div class="media">
                                                                                                    
                                                                                                    <div class="media-body">
                                                                                                        <h4 class="media-heading jiacu">圣罗兰晶透蜜糖唇膏</h4>
                                                                                                            <h5 class="hanggao">吻上蜜糖唇！圣罗兰晶透蜜糖唇膏，如薄纱般闪耀的色彩赋予双唇动人的风采。富含从水果中提炼出的维他命和抗氧化剂，超轻质感使双唇保持长达八小时的温和水润，是适合全年使用的理想产品。</h5>
                                                                                                    </div>
                                                                                                    <div class="media-left">
                                                                                                    <a href="#">
                                                                                                        <img class="media-object" src="pto/ITAN-1-3.jpg" width="80" alt="图片">
                                                                                                        </a>
                                                                                                    </div>                                                                                                                                                                                                     
                                                                                                </div>
                                                                                            </p>        
                                                                                        </div>                                             
                                                                                    </div>           
                                                                                </div>
                                                                            </div>
                </div>              
            </div>
            <!--第二行-->
            <div class="row">
                <div class="col-md-6">
                                                                            <!--隐藏内容-->
                                                                            <div id="collapseTwo-1" class=" collapse in butty" role="tabpanel" aria-labelledby="headingTwo-1">
                                                                                <div class="panel-body">
                                                                                    <div>
                                                                                        <div>
                                                                                            <p>
                                                                                              <div class="media">
                                                                                                    
                                                                                                    <div class="media-body">
                                                                                                        <h4 class="media-heading jiacu">DIOR迪奥魅惑釉唇膏</h4>
                                                                                                            <h5 class="hanggao">全新Dior迪奥魅惑釉唇膏，Dior迪奥首款“固体唇釉”，兼具液态唇釉的浓郁漆光亮泽，与固态唇膏舒适润唇感受。质地顺滑易涂，轻盈持妆。 </h5>
                                                                                                    </div>
                                                                                                    <div class="media-left">
                                                                                                    <a href="#">
                                                                                                        <img class="media-object" src="pto/ITAN-2-1.jpg" width="80" alt="图片">
                                                                                                        </a>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </p>        
                                                                                        </div>                                             
                                                                                    </div>           
                                                                                </div>
                                                                            </div>
                                                                            <!--隐藏内容-->
                                                                            <div id="collapseTwo-2" class="collapse butty" role="tabpanel" aria-labelledby="headingTwo-2">
                                                                                <div class="panel-body">
                                                                                    <div>
                                                                                        <div>
                                                                                            <p>
                                                                                              <div class="media">
                                                                                                    <div class="media-left">
                                                                                                    <a href="#">
                                                                                                        <img class="media-object" src="pto/ITAN-2-2.jpg" width="80" alt="图片">
                                                                                                        </a>
                                                                                                    </div>
                                                                                                    <div class="media-body">
                                                                                                        <h4 class="media-heading jiacu">DIOR迪奥魅惑唇膏玩色狂想系列</h4>
                                                                                                            <h5 class="hanggao">Dior迪奥魅惑时尚唇膏全新升级至极致系列，光芒四射的炫丽色彩结合完美持妆的水漾质地，尽展前卫精致的Dior迪奥风尚。</h5>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </p>        
                                                                                        </div>                                             
                                                                                    </div>           
                                                                                </div>
                                                                            </div>
                                                                            <!--隐藏内容-->
                                                                            <div id="collapseTwo-3" class="collapse butty" role="tabpanel" aria-labelledby="headingTwo-3">
                                                                                <div class="panel-body">
                                                                                    <div>
                                                                                        <div>
                                                                                            <p>
                                                                                            <div class="media">
                                                                                                <div class="media-body">
                                                                                                        <h4 class="media-heading jiacu">DIOR迪奥烈艳蓝金唇膏</h4>
                                                                                                            <h5 class="hanggao">高订色彩，缎光妆效，Dior迪奥烈艳蓝金唇膏长效舒适配方，为女性带来美妙无比的享受。经典红色系、热烈珊瑚红、热情欢乐的粉色系、浪漫迷人的紫红，以及一系列前卫色彩，呈献无限惊喜。</h5>
                                                                                                    </div>
                                                                                                    <div class="media-left">
                                                                                                    <a href="#">
                                                                                                        <img class="media-object" src="pto/ITAN-2-3.jpg" width="80" alt="图片">
                                                                                                        </a>
                                                                                                    </div>
                                                                                                    
                                                                                                </div>
                                                                                            </p>        
                                                                                        </div>                                             
                                                                                    </div>           
                                                                                </div>
                                                                            </div>
                                                                            <!--隐藏内容-->
                                                                            <div id="collapseTwo-4" class="collapse butty" role="tabpanel" aria-labelledby="headingTwo-4">
                                                                                <div class="panel-body">
                                                                                    <div>
                                                                                        <div>
                                                                                            <p>
                                                                                               <div class="media">
                                                                                                    <div class="media-left">
                                                                                                    <a href="#">
                                                                                                        <img class="media-object" src="pto/ITAN-2-4.jpg" width="80" alt="图片">
                                                                                                        </a>
                                                                                                    </div>
                                                                                                    <div class="media-body">
                                                                                                        <!--<h4 class="media-heading jiacu">DIOR迪奥魅惑液态唇膏</h4>-->
                                                                                                            <h5 class="hanggao">Dior迪奥魅惑液态唇膏，轻轻松松打造完美唇妆：这款标志性美妆工具，帮助缔造高清晰的饱满色泽，更能长效持妆。裹入耀彩粒子，迅速一抹，尽享精彩绝伦的唇妆体验。一如唇膏膏体的绵头设计，抽出瞬间，让人恍然明了，精准细腻的笔触更是让上妆成为上瘾享受。</h5>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </p>        
                                                                                        </div>                                             
                                                                                    </div>           
                                                                                </div>
                                                                            </div>
                </div>
                <div class="col-md-6">
                        <div class="panel ">
                                <!--点击隐藏-->
                                    <div class=" panel-heading" role="tab" id="headingTwo">
                                    <h4 class="panel-title ">
                                        <a  role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
                                    <h2 class="tit">DIOR / 迪奥</h2>
                                        </a>
                                    </h4>
                                    </div>
                                <!--隐藏内容-->
                                    <div id="collapseTwo" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingTwo">
                                        <div class="panel-body">
                                            <div>
                                                <div>                                                   
                                                    <!--内容-->
                                                    <div class="row">
                                                        <div>
                                                                <div class="">
                                                                        <!--点击隐藏-->
                                                                            <div class=" panel-heading" role="tab" id="headingTwo-1">
                                                                            <h4 class="panel-title ">
                                                                                <a  role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo-1" aria-expanded="true" aria-controls="collapseTwo-1">
                                                                            <p>DIOR迪奥魅惑釉唇膏</p>
                                                                                </a>
                                                                            </h4>
                                                                            </div>
                                                                        
                                                                </div>
                                                            </div>
                                                        
                                                    </div>
                                                    <!--内容-->
                                                    <div class="row">
                                                        <div>
                                                                <div class="">
                                                                        <!--点击隐藏-->
                                                                            <div class=" panel-heading" role="tab" id="headingTwo-2">
                                                                            <h4 class="panel-title ">
                                                                                <a  role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo-2" aria-expanded="true" aria-controls="collapseTwo-2">
                                                                            <p>DIOR迪奥魅惑唇膏玩色狂想系列</p>
                                                                                </a>
                                                                            </h4>
                                                                            </div>
                                                                        
                                                                </div>
                                                            </div>
                                                        
                                                    </div>
                                                   <!--内容-->
                                                    <div class="row">
                                                        <div>
                                                                <div class="">
                                                                        <!--点击隐藏-->
                                                                            <div class=" panel-heading" role="tab" id="headingTwo-3">
                                                                            <h4 class="panel-title ">
                                                                                <a  role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo-3" aria-expanded="true" aria-controls="collapseTwo-3">
                                                                            <p>DIOR迪奥烈艳蓝金唇膏</p>
                                                                                </a>
                                                                            </h4>
                                                                            </div>
                                                                        <!--隐藏内容-->
                                                                            <div id="collapseTwo-3" class="collapse" role="tabpanel" aria-labelledby="headingTwo-3">
                                                                                <div class="panel-body">
                                                                                    <div>
                                                                                        <div>
                                                                                            <p>
                                                                                            <div class="media">
                                                                                                    <div class="media-left">
                                                                                                    <a href="#">
                                                                                                        <img class="media-object" src="pto/ITAN-2-3.jpg" width="80" alt="图片">
                                                                                                        </a>
                                                                                                    </div>
                                                                                                    <div class="media-body">
                                                                                                        <!--<h4 class="media-heading jiacu">DIOR迪奥烈艳蓝金唇膏</h4>-->
                                                                                                            <h5 class="hanggao">高订色彩，缎光妆效，Dior迪奥烈艳蓝金唇膏长效舒适配方，为女性带来美妙无比的享受。经典红色系、热烈珊瑚红、热情欢乐的粉色系、浪漫迷人的紫红，以及一系列前卫色彩，呈献无限惊喜。</h5>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </p>        
                                                                                        </div>                                             
                                                                                    </div>           
                                                                                </div>
                                                                            </div>
                                                                </div>
                                                            </div>
                                                        
                                                    </div>
                                                   <!--内容-->
                                                    <div class="row">
                                                        <div>
                                                                <div class="">
                                                                        <!--点击隐藏-->
                                                                            <div class=" panel-heading" role="tab" id="headingTwo-4">
                                                                            <h4 class="panel-title ">
                                                                                <a  role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo-4" aria-expanded="true" aria-controls="collapseTwo-4">
                                                                            <p>DIOR迪奥魅惑液态唇膏</p>
                                                                                </a>
                                                                            </h4>
                                                                            </div>
                                                                        <!--隐藏内容-->
                                                                            <div id="collapseTwo-4" class="collapse" role="tabpanel" aria-labelledby="headingTwo-4">
                                                                                <div class="panel-body">
                                                                                    <div>
                                                                                        <div>
                                                                                            <p>
                                                                                               <div class="media">
                                                                                                    <div class="media-left">
                                                                                                    <a href="#">
                                                                                                        <img class="media-object" src="pto/ITAN-2-4.jpg" width="80" alt="图片">
                                                                                                        </a>
                                                                                                    </div>
                                                                                                    <div class="media-body">
                                                                                                        <!--<h4 class="media-heading jiacu">DIOR迪奥魅惑液态唇膏</h4>-->
                                                                                                            <h5 class="hanggao">Dior迪奥魅惑液态唇膏，轻轻松松打造完美唇妆：这款标志性美妆工具，帮助缔造高清晰的饱满色泽，更能长效持妆。裹入耀彩粒子，迅速一抹，尽享精彩绝伦的唇妆体验。一如唇膏膏体的绵头设计，抽出瞬间，让人恍然明了，精准细腻的笔触更是让上妆成为上瘾享受。</h5>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </p>        
                                                                                        </div>                                             
                                                                                    </div>           
                                                                                </div>
                                                                            </div>
                                                                </div>
                                                            </div>
                                                        
                                                    </div>
                                                </div>                                             
                                            </div>           
                                        </div>
                                    </div>
                        </div>
                    </div>
                
            </div>
            <!--第三行-->
            <div class="row">
                <div class="col-md-6">
                        <div class="panel blockquote-reverse">
                                <!--点击隐藏-->
                                    <div class=" panel-heading" role="tab" id="headingThree">
                                    <h4 class="panel-title ">
                                        <a  role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="true" aria-controls="collapseThree">
                                    <h2 class="tit">NARS / 纳斯</h2>
                                        </a>
                                    </h4>
                                    </div>
                                <!--隐藏内容-->
                                    <div id="collapseThree" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingThree">
                                        <div class="panel-body">
                                            <div>
                                                <div>                                                   
                                                    <!--内容-->
                                                    <div class="row">
                                                        <div>
                                                                <div class="">
                                                                        <!--点击隐藏-->
                                                                            <div class=" panel-heading" role="tab" id="headingThree-1">
                                                                            <h4 class="panel-title ">
                                                                                <a  role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree-1" aria-expanded="true" aria-controls="collapseThree-1">
                                                                            <p>NARS纵欲惹火唇膏</p>
                                                                                </a>
                                                                            </h4>
                                                                            </div>
                                                                </div>
                                                            </div>
                                                        
                                                    </div>
                                                    <!--内容-->
                                                    <div class="row">
                                                        <div>
                                                                <div class="">
                                                                        <!--点击隐藏-->
                                                                            <div class=" panel-heading" role="tab" id="headingThree-2">
                                                                            <h4 class="panel-title ">
                                                                                <a  role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree-2" aria-expanded="true" aria-controls="collapseThree-2">
                                                                            <p>Nars2016年圣诞限量红管Rita唇膏</p>
                                                                                </a>
                                                                            </h4>
                                                                            </div>
                                                                        
                                                                </div>
                                                            </div>
                                                        
                                                    </div>
                                                   <!--内容-->
                                                    <div class="row">
                                                        <div>
                                                                <div class="">
                                                                        <!--点击隐藏-->
                                                                            <div class=" panel-heading" role="tab" id="headingThree-3">
                                                                            <h4 class="panel-title ">
                                                                                <a  role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree-3" aria-expanded="true" aria-controls="collapseThree-3">
                                                                            <p>NARS17年春季新款星灿唇蜜</p>
                                                                                </a>
                                                                            </h4>
                                                                            </div>

                                                                </div>
                                                            </div>
                                                        
                                                    </div>
                                                   <!--内容-->
                                                    <div class="row">
                                                        <div>
                                                                <div class="">
                                                                        <!--点击隐藏-->
                                                                            <div class=" panel-heading" role="tab" id="headingThree-4">
                                                                            <h4 class="panel-title ">
                                                                                <a  role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree-4" aria-expanded="true" aria-controls="collapseThree-4">
                                                                            <p>NARS 时尚经典唇膏</p>
                                                                                </a>
                                                                            </h4>
                                                                            </div>

                                                                </div>
                                                            </div>
                                                        
                                                    </div>
                                                </div>                                             
                                            </div>           
                                        </div>
                                    </div>
                        </div>
                </div>
                <div class="col-md-6">
                                                                            <!--隐藏内容-->
                                                                            <div id="collapseThree-1" class="collapse in butty" role="tabpanel" aria-labelledby="headingThree-1">
                                                                                <div class="panel-body">
                                                                                    <div>
                                                                                        <div>
                                                                                            <p>
                                                                                              <div class="media">
                                                                                                  <div class="media-left">
                                                                                                    <a href="#">
                                                                                                        <img class="media-object" src="pto/ITAN-3-1.jpg" width="80" alt="图片">
                                                                                                        </a>
                                                                                                    </div>
                                                                                                  <div class="media-body">
                                                                                                        <h4 class="media-heading jiacu">NARS纵欲惹火唇膏</h4>
                                                                                                            <h5 class="hanggao"> 放纵想像！风格万变！拥有惊艳质地与触感的摩登唇膏，让双唇极尽挑逗，大胆性感！如丝绸般的顺滑触感，一抹上色，奢华诱人！45款色系，创造前所未有的感官飨宴！一抹嫣红，全唇润泽亮丽奢华质感，内含滋润双唇成分长效持久</h5>
                                                                                                    </div>                                                                                                                                                                                                    
                                                                                                </div>
                                                                                            </p>        
                                                                                        </div>                                             
                                                                                    </div>           
                                                                                </div>
                                                                            </div>
                                                                            <!--隐藏内容-->
                                                                            <div id="collapseThree-2" class="collapse butty" role="tabpanel" aria-labelledby="headingThree-2">
                                                                                <div class="panel-body">
                                                                                    <div>
                                                                                        <div>
                                                                                            <p>
                                                                                              <div class="media">
                                                                                                  <div class="media-body">
                                                                                                        <h4 class="media-heading jiacu">Nars 2016年圣诞限量红管Rita唇膏</h4>
                                                                                                            <h5 class="hanggao">Nars 红管唇膏 Rita从包装到口红都是完美的正红色，发色鲜明，质地柔滑，和catherine比较起来是更加完美的正红色，对角质也很友好，非常具有收藏价值</h5>
                                                                                                    </div>
                                                                                                    <div class="media-left">
                                                                                                    <a href="#">
                                                                                                        <img class="media-object" src="pto/ITAN-3-2.jpg" width="80" alt="图片">
                                                                                                        </a>
                                                                                                    </div>
                                                                                                    
                                                                                                </div>    
                                                                                            </p>        
                                                                                        </div>                                             
                                                                                    </div>           
                                                                                </div>
                                                                            </div>
                                                                            <!--隐藏内容-->
                                                                            <div id="collapseThree-3" class="collapse butty" role="tabpanel" aria-labelledby="headingThree-3">
                                                                                <div class="panel-body">
                                                                                    <div>
                                                                                        <div>
                                                                                            <p>
                                                                                              <div class="media">

                                                                                                    <div class="media-left">
                                                                                                    <a href="#">
                                                                                                        <img class="media-object" src="pto/ITAN-3-3.jpg" width="80" alt="图片">
                                                                                                        </a>
                                                                                                    </div>
                                                                                                                                                                                                      <div class="media-body">
                                                                                                        <h4 class="media-heading jiacu">NARS 17年春季新款星灿唇蜜</h4>
                                                                                                            <h5 class="hanggao">闪耀透亮的润泽质地，让唇彩拥有自然细致的光泽感。持久又多样化的色彩，既可单独使用，也可加在其他唇彩配方上增加层次感。柔顺光滑、不黏贴，使用舒适。富含维他命E，唇部保湿不干裂。</h5>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </p>        
                                                                                        </div>                                             
                                                                                    </div>           
                                                                                </div>
                                                                            </div>
                                                                            <!--隐藏内容-->
                                                                            <div id="collapseThree-4" class="collapse butty" role="tabpanel" aria-labelledby="headingThree-4">
                                                                                <div class="panel-body">
                                                                                    <div>
                                                                                        <div>
                                                                                            <p>
                                                                                              <div class="media">
                                                                                                  <div class="media-body">
                                                                                                        <h4 class="media-heading jiacu">NARS 时尚经典唇膏</h4>
                                                                                                            <h5 class="hanggao">美丽薄透的水润配方，能改善唇部的干燥状况。使唇彩更加轻透、长效持色，产生精致妩媚的闪耀质感！轻盈薄透配方，展现光滑柔顺特性丰富色系润泽成份和专利抗氧化保湿配方，可完全滋养和保护唇部</h5>
                                                                                                    </div>
                                                                                                    <div class="media-left">
                                                                                                    <a href="#">
                                                                                                        <img class="media-object" src="pto/ITAN-3-4.jpg" width="80" alt="图片">
                                                                                                        </a>
                                                                                                    </div>
                                                                                                    
                                                                                                </div>
                                                                                            </p>        
                                                                                        </div>                                             
                                                                                    </div>           
                                                                                </div>
                                                                            </div>
      
                </div>
                
                
            </div>
            <!--第四行-->
            <div class="row">
                <div class="col-md-6">
                                                                            <!--隐藏内容-->
                                                                            <div id="collapsefour-1" class="collapse in butty" role="tabpanel" aria-labelledby="headingfour-1">
                                                                                <div class="panel-body">
                                                                                    <div>
                                                                                        <div>
                                                                                            <p>
                                                                                               <div class="media">
                                                                                                   <div class="media-body">
                                                                                                        <h4 class="media-heading jiacu">阿玛尼臻致丝绒哑光唇釉</h4>
                                                                                                            <h5 class="hanggao">阿玛尼臻致丝绒哑光唇釉持久不干涸，瞬间令双唇立体丰满，感觉水润舒适。独特色彩饱和度，无论是红色、紫色或紫红色，都能兼具光泽与雾面效果。</h5>
                                                                                                    </div>
                                                                                                    <div class="media-left">
                                                                                                    <a href="#">
                                                                                                        <img class="media-object" src="pto/ITAN-4-1.jpg" width="80" alt="图片">
                                                                                                        </a>
                                                                                                    </div>
                                                                                                    
                                                                                                </div>
                                                                                            </p>        
                                                                                        </div>                                             
                                                                                    </div>           
                                                                                </div>
                                                                            </div>
                                                                            <!--隐藏内容-->
                                                                            <div id="collapsefour-2" class=" collapse butty" role="tabpanel" aria-labelledby="headingfour-2">
                                                                                <div class="panel-body">
                                                                                    <div>
                                                                                        <div>
                                                                                            <p>
                                                                                               <div class="media">
                                                                                                    <div class="media-left">
                                                                                                    <a href="#">
                                                                                                        <img class="media-object" src="pto/ITAN-4-2.jpg" width="80" alt="图片">
                                                                                                        </a>
                                                                                                    </div>
                                                                                                    <div class="media-body">
                                                                                                        <h4 class="media-heading jiacu">阿玛尼漆光迷情唇釉</h4>
                                                                                                            <h5 class="hanggao">随着水分挥发，甘油覆于唇部表面，为唇瓣带去强效滋养的祐护，令双唇持久润泽长达8小时。轻柔晕染，随心叠加，以达到光泽渐变、持久闪耀的效果。</h5>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </p>        
                                                                                        </div>                                             
                                                                                    </div>           
                                                                                </div>
                                                                            </div>
                                                                            <!--隐藏内容-->
                                                                            <div id="collapsefour-3" class=" collapse butty" role="tabpanel" aria-labelledby="headingfour-3">
                                                                                <div class="panel-body">
                                                                                    <div>
                                                                                        <div>
                                                                                            <p>
                                                                                                <div class="media">
                                                                                                    <div class="media-body">
                                                                                                        <h4 class="media-heading jiacu">阿玛尼小胖丁染唇液</h4>
                                                                                                            <h5 class="hanggao">9款全新色号，打造完美无瑕的哑光雾面唇妆。从清新的裸到活力的珊瑚，再到充满热情的红，每一款独特色泽，都彰显女性的极致魅力。适合所有肤色，完美演绎多样风格。</h5>
                                                                                                    </div>
                                                                                                    <div class="media-left">
                                                                                                    <a href="#">
                                                                                                        <img class="media-object" src="pto/ITAN-4-3.jpg" width="80" alt="图片">
                                                                                                        </a>
                                                                                                    </div>
                                                                                                    
                                                                                                </div>
                                                                                            </p>        
                                                                                        </div>                                             
                                                                                    </div>           
                                                                                </div>
                                                                            </div>
                                                                            <!--隐藏内容-->
                                                                            <div id="collapsefour-4" class="collapse butty" role="tabpanel" aria-labelledby="headingfour-4">
                                                                                <div class="panel-body">
                                                                                    <div>
                                                                                        <div>
                                                                                            <p>
                                                                                                <div class="media">
                                                                                                    <div class="media-left">
                                                                                                    <a href="#">
                                                                                                        <img class="media-object" src="pto/ITAN-4-4.jpg" width="80" alt="图片">
                                                                                                        </a>
                                                                                                    </div>
                                                                                                    <div class="media-body">
                                                                                                        <h4 class="media-heading jiacu">阿玛尼挚爱唇膏</h4>
                                                                                                            <h5 class="hanggao">其轻盈无感的独创配方，可令双唇持久润泽长达6小时，8小时无晕染不溢色，塑造精致唇型，更是全球彩妆师每天都必须使用的缎光效果的高级定制唇膏。挚爱唇膏嵌入线条简约的黑色漆光管中，简约的瓶身上镌刻着精致的“阿玛尼”图形标记。独特磁制设计，令合盖瞬间尽展女性魅力。</h5>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </p>        
                                                                                        </div>                                             
                                                                                    </div>           
                                                                                </div>
                                                                            </div>
                </div>
                <div class="col-md-6">
                        <div class="panel ">
                                <!--点击隐藏-->
                                    <div class=" panel-heading" role="tab" id="headingfour">
                                    <h4 class="panel-title ">
                                        <a  role="button" data-toggle="collapse" data-parent="#accordion" href="#collapsefour" aria-expanded="true" aria-controls="collapsefour">
                                    <h2 class="tit">AMANI / 阿玛尼</h2>
                                        </a>
                                    </h4>
                                    </div>
                                <!--隐藏内容-->
                                    <div id="collapsefour" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingfour">
                                        <div class="panel-body">
                                            <div>
                                                <div>                                                   
                                                    
                                                    <!--内容-->
                                                    <div class="row">
                                                        <div>
                                                                <div class=" ">
                                                                        <!--点击隐藏-->
                                                                            <div class=" panel-heading" role="tab" id="headingfour-1">
                                                                            <h4 class="panel-title ">
                                                                                <a  role="button" data-toggle="collapse" data-parent="#accordion" href="#collapsefour-1" aria-expanded="true" aria-controls="collapsefour-1">
                                                                            <p>阿玛尼臻致丝绒哑光唇釉</p>
                                                                                </a>
                                                                            </h4>
                                                                            </div>
                                                                        
                                                                </div>
                                                            </div>
                                                        
                                                    </div>
                                                    <!--内容-->
                                                    <div class="row">
                                                        <div>
                                                                <div class=" ">
                                                                        <!--点击隐藏-->
                                                                            <div class=" panel-heading" role="tab" id="headingfour-2">
                                                                            <h4 class="panel-title ">
                                                                                <a  role="button" data-toggle="collapse" data-parent="#accordion" href="#collapsefour-2" aria-expanded="true" aria-controls="collapsefour-2">
                                                                            <p>阿玛尼漆光迷情唇釉</p>
                                                                                </a>
                                                                            </h4>
                                                                            </div>
                                                                        
                                                                </div>
                                                            </div>
                                                        
                                                    </div>
                                                    <!--内容-->
                                                    <div class="row">
                                                        <div>
                                                                <div class=" ">
                                                                        <!--点击隐藏-->
                                                                            <div class=" panel-heading" role="tab" id="headingfour-3">
                                                                            <h4 class="panel-title ">
                                                                                <a  role="button" data-toggle="collapse" data-parent="#accordion" href="#collapsefour-3" aria-expanded="true" aria-controls="collapsefour-3">
                                                                            <p>阿玛尼小胖丁染唇液</p>
                                                                                </a>
                                                                            </h4>
                                                                            </div>
                                                                        
                                                                </div>
                                                            </div>
                                                        
                                                    </div>
                                                    <!--内容-->
                                                    <div class="row">
                                                        <div>
                                                                <div class=" ">
                                                                        <!--点击隐藏-->
                                                                            <div class=" panel-heading" role="tab" id="headingfour-4">
                                                                            <h4 class="panel-title ">
                                                                                <a  role="button" data-toggle="collapse" data-parent="#accordion" href="#collapsefour-4" aria-expanded="true" aria-controls="collapsefour-4">
                                                                            <p>阿玛尼挚爱唇膏</p>
                                                                                </a>
                                                                            </h4>
                                                                            </div>
                                                                        
                                                                </div>
                                                            </div>
                                                        
                                                    </div>


                                                </div>                                             
                                            </div>           
                                        </div>
                                    </div>
                        </div>
                    </div>
                
            </div>
        </div>
    </div>
</div>

<!--页脚-->
<footer class="main-footer footer-1">
        <div class="container">
            <div class="row">
                <div class="col-sm-4">
                    <div class="widget">
                        <h4 class="title">LOGO</h4>
                        <div class="content">
                                <div class="col-md-4"><img class="img-responsive center-block" src="pto/lip-logo2.png" height="200"></div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-4">
                    <div class="widget">
                        <h4 class="title">CONTACT：</h4>
                        <div class="content">
                                <h5>Postal &nbsp;&nbsp;：510000</h5>
                                <h5>Phone &nbsp;&nbsp;&nbsp;:18814123046</h5>
                                <h5><address>Address：广东从化经济开发区高技术产业园广从南路548号。</address></h5>
                        </div>
                    </div>
                </div>

                <div class="col-sm-4">
                    <div class="widget">
                        <h4 class="title">PARTNERS：</h4>
                        <div class="content">
                            <p>网新娱乐圈：曾志豪、郑妍杏、梁艺凤、梁颍怡、黄丽芳</p>
                            <p><img class="img-responsive left-block" src="pto/soc-1.png" height="30"> </p>
                        </div>
                </div></div>
            </div>
        </div>
    </footer>

    <div class="copyright banquan-1">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 footer-2">
                    <span>Copyright &copy; 2017- 2017 Sise-Star. All Rights Reserved.网新娱乐圈 版权所有</span>
                </div>
            </div>
        </div>
    </div>



</body>
</html>